<template>
  <transition name='fade'>
    <router-view></router-view>
  </transition>
</template>

<script>
  import '@/element-ui-theme/0BB2D4/index.css' // 换肤版本
  import '@/element-ui-theme/3E8EF7/index.css' // 换肤版本
  import '@/element-ui-theme/11C26D/index.css' // 换肤版本
  import '@/element-ui-theme/17B3A3/index.css' // 换肤版本
  import '@/element-ui-theme/667AFA/index.css' // 换肤版本
  import '@/element-ui-theme/997B71/index.css' // 换肤版本
  import '@/element-ui-theme/9463F7/index.css' // 换肤版本
  import '@/element-ui-theme/757575/index.css' // 换肤版本
  import '@/element-ui-theme/EB6709/index.css' // 换肤版本
  import '@/element-ui-theme/F74584/index.css' // 换肤版本
  import '@/element-ui-theme/FCB900/index.css' // 换肤版本
  import '@/element-ui-theme/FF4C52/index.css' // 换肤版本
  import '@/element-ui-theme/002140/index.css' // 深蓝色
  import '@/element-ui-theme/common.scss'

  import { toggleClass } from '@/utils/index.js'
  export default {
    mounted () {  // 登陆界面就开始挂载主题
      toggleClass(document.body, 'custom-' + this.$store.state.common.themeColor)
    }
  }
</script>
